<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>公路规划-高速公路</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/index.js"></script>
</head>

<body>
    <div id="barTop" class="progressBar"></div>
    <div class="header row" style="text-align: center; background: #850b06; color: #fff;margin: 0;">
        <div class="col-sm-12">
            <h4 class="title">投资计划管理信息系统</h4>
            <div class="mianbaoxie">
                <a href="../index.html">五年规划</a>>公路规划-高速公路</div>
        </div>
    </div>
    <div class="row" style="margin: 0;">
        <div class="aside col-sm-1">
            <!--<div class="panel-group" id="myid">-->
            <div class="panel">
                <div class="panel-heading" style="border-bottom: 1px solid #616161;">
                    <h3 class="panel-title">
                        <a data-toggle="collapse">
                            <p>高速公路建设项目</p>
                        </a>
                    </h3>
                </div>
                <div class="panel-collapse in">
                    <div class="panel-body">
                        <div class="panel">
                            <div class="panel-heading">
                                <a data-toggle="collapse" href="#No1">
                                    <p>规划编制</p>
                                </a>
                            </div>
                            <div class="panel-collapse in" id="No1">
                                <div class="panel-body">
                                    <ul class="select">
                                        <li id="road_fomation" class="active">
                                            <p>规划编制</p>
                                        </li>
                                        <li id="road_trial_first">
                                            <p>规划初审</p>
                                        </li>
                                        <li id="road_trial_second">
                                            <p>规划审查</p>
                                        </li>
                                        <li id="road_trial_third">
                                            <p>规划审核</p>
                                        </li>
                                        <!-- <li id="road_trial_forth"><p>规划审批</p></li> -->
                                        <li id="road_Issued">
                                            <p>规划下达</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-heading">
                                <a data-toggle="collapse" href="#No2">
                                    <p>规划变更</p>
                                </a>
                            </div>
                            <div class="panel-collapse in" id="No2">
                                <div class="panel-body">
                                    <ul class="select">
                                        <li id="road_change_fomation">
                                            <p>规划变更</p>
                                        </li>
                                        <li id="road_change_trial_first">
                                            <p>规划变更初审</p>
                                        </li>
                                        <li id="road_change_trial_second">
                                            <p>规划变更审查</p>
                                        </li>
                                        <li id="road_change_trial_third">
                                            <p>规划变更审核</p>
                                        </li>
                                        <!-- <li id="road_change_trial_forth"><p>规划变更审批</p></li> -->
                                        <li id="road_change_Issued">
                                            <p>规划变更下达</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-10" style="padding:0">
            <div class="index_right" id="index_right_div" style=" width:100%;height:100%;">
                <iframe scrolling="no" id="index_right_page" style="width:100%; height:100%;border: none; background: #f1f1f1;"></iframe>
            </div>
        </div>

    </div>

    <script>
        $(function () {
            var iframe = document.getElementById("index_right_page");
            var index_right_div_height = 1050;
            iframe.src = '';
            // iframe.onload = function () {
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            index_right_div_height = iframeWin.document.body.scrollHeight < 1050 ? index_right_div_height : iframeWin.document.body.scrollHeight;
            document.getElementById("index_right_div").style.height = index_right_div_height + "px";
            // }
            iframe.src = "../frames/frame_gs.html?show=submit";
        })

        $("#road_fomation").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=submit")
        })
        $("#road_trial_first").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=check1&trflag=1")
        })
        $("#road_trial_second").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=check2&trflag=1")
        })
        $("#road_trial_third").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=check3&trflag=1")
        })
        $("#road_trial_forth").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=check4&trflag=1")
        })
        $("#road_Issued").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html")
        })
        $("#road_change_fomation").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=changeSubmit&mflag=1")
        })
        $("#road_change_trial_first").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=changeCheck1&trflag=1&mflag=1")
        })
        $("#road_change_trial_second").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=changeCheck2&trflag=1&mflag=1")
        })
        $("#road_change_trial_third").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=changeCheck3&trflag=1&mflag=1")
        })
        $("#road_change_trial_forth").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?show=changeCheck4&trflag=1&mflag=1")
        })
        $("#road_change_Issued").click(function () {
            $("#index_right_page").attr("src", "../frames/frame_gs.html?mflag=1")
        })
    </script>

</body>

</html>